* {
    margin                      : 0;
    padding                     : 0;
    -webkit-tap-highlight-color : rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color : transparent;
}
.loading {
    width            : 100%;
    height           : 100%;
    position         : absolute;
    z-index          : 999999;
    background-color : #f0fdff;
    /*display          : none;*/
    display          : flex;
    flex-flow        : row wrap;
    justify-content  : center;
    align-items      : center;
}
.loading_gif {
    width : 2.2rem;
}
body {
    width                      : 100vw;
    height                     : 100vh;
    overflow                   : hidden;
    -webkit-overflow-scrolling : touch;
    position                   : relative;
}
.music {
    position : fixed;
    width    : 0.72rem;
    top      : 0.16rem;
    right    : 0.4rem;
    /*animation         : music 5s infinite linear;*/
    /*-webkit-animation : music 5s infinite linear;*/
    z-index  : 80000;
}
.musictips {
    position                 : absolute;
    width                    : 0.67rem;
    bottom                   : 3.75rem;
    left                     : 0.2rem;
    transform-origin         : 50% 50%;
    -webkit-transform-origin : 50% 50%;
    animation                : musictips 1s infinite linear alternate;
    -webkit-animation        : musictips 1s infinite linear alternate;
    z-index                  : 300;
}
@keyframes musictips {
    from {
        transform         : scale(1);
        -webkit-transform : scale(1);
    }
    to {
        transform         : scale(1.2);
        -webkit-transform : scale(1.2);
    }
}
@-webkit-keyframes musictips {
    from {
        transform         : scale(1);
        -webkit-transform : scale(1);
    }
    to {
        transform         : scale(1.2);
        -webkit-transform : scale(1.1);
    }
}
.musicup {
    position                 : absolute;
    width                    : 0.6rem;
    bottom                   : 0.1rem;
    right                    : 0.3rem;
    z-index                  : 99999;
    transform-origin         : 80% 77.5%;
    -webkit-transform-origin : 80% 77.5%;
    transform                : rotate(-3deg);
}
@keyframes music {
    from {
        transform         : rotate(-360deg);
        -webkit-transform : rotate(-360deg);
    }
    to {
        transform         : rotate(0deg);
        -webkit-transform : rotate(0deg);
    }
}
@-webkit-keyframes music {
    from {
        transform         : rotate(-360deg);
        -webkit-transform : rotate(-360deg);
    }
    to {
        transform         : rotate(0deg);
        -webkit-transform : rotate(0deg);
    }
}
.music_pause {
    animation-play-state : paused;
    /*-webkit-animation-play-state : paused; !* Safari å’Œ Chrome *!*/
    -webkit-animation    : none !important;
}
.stage {
    width      : 100vw;
    height     : 100vh;
    background : linear-gradient(to bottom, #b6e5d2, #ddbda9);
    position   : fixed;
    left       : 0;
    top        : 0;
    z-index    : 10;
    display    : none;
}
.swiper {
    width     : 7.50rem;
    height    : 14.48rem;
    position  : absolute;
    left      : 0;
    top       : 50%;
    transform : translateY(-50%);
}
.views {
    display : none;
}
.mask {
    width      : 6.3rem;
    height     : 2.2rem;
    position   : absolute;
    left       : 0.5rem;
    top        : 3.4rem;
    background : linear-gradient(to bottom, rgba(255, 255, 255, 0.39), rgba(255, 255, 255, 0));
    z-index    : 1000;
}
.sharepage {
    width      : 100vw;
    height     : 100vh;
    position   : fixed;
    left       : 0;
    top        : 0;
    z-index    : 80000;
    background : rgba(0, 0, 0, 0.7);
    display    : none;
}
.shareimg {
    width    : 2.15rem;
    position : absolute;
    right    : .25rem;
    top      : 0.25rem;
}
#video {
    height     : 100vh;
    width      : 7.50rem;
    object-fit : fill;
    position   : absolute;
    left       : 0px;
    top        : 50%;
    transform  : translateY(-50%);
    z-index    : 900000;
    display    : none;
}
.close {
    width     : 0.6rem;
    position  : fixed;
    left      : 50%;
    bottom    : 1rem;
    transform : translateX(-50%);
    z-index   : 910000;
    display   : none;
}
.canvasBox {
    position   : fixed;
    width      : 100vw;
    height     : 100vh;
    left       : 0;
    top        : 0;
    background : #ddbda9;
}
#canvas{
    position: absolute;
    width : 100%;
    height : 100%;
    left: 0;
    top: 0;
    
}